<template>
  <div>
    <icon :style="{ color: 'hotpink' }">
      <template #component>
        <svg
          t="1729090058360"
          class="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="12219"
          width="18"
          height="18"
        >
          <path
            d="M46.554074 27.591111h930.910815v930.910815H46.554074z"
            fill="#D8D8D8"
            fill-opacity="0"
            p-id="12220"
          ></path>
          <path
            d="M687.047111 103.632593c103.670519-61.648593 181.323852-80.782222 218.908445-43.178667 70.011259 70.011259-66.218667 302.098963-296.201482 532.100741l-6.902518 6.864592C375.125333 825.249185 146.962963 958.065778 77.653333 888.756148c-38.874074-38.893037-17.066667-120.983704 50.04326-230.248296a19.342222 19.342222 0 0 1 5.347555-5.707852 401.976889 401.976889 0 0 1-39.954963-175.274667c0-222.795852 180.603259-403.399111 403.399111-403.399111 65.232593 0 126.843259 15.492741 181.361778 42.970074 0.891259-5.423407 4.096-10.42963 9.197037-13.463703z m182.480593 220.122074a401.976889 401.976889 0 0 1 30.34074 153.770666c0 222.776889-180.603259 403.399111-403.380148 403.399111-50.934519 0-99.669333-9.443556-144.535703-26.680888 82.659556-55.61837 175.483259-133.328593 268.136296-225.962667l13.842963-13.994667 13.387852-13.691259c94.056296-97.204148 170.913185-193.498074 222.208-276.840296zM153.751704 690.36563l-0.474074 0.83437c-51.825778 87.608889-67.527111 150.793481-48.184889 170.135704 21.940148 21.940148 85.219556 2.692741 168.865185-47.312593a405.200593 405.200593 0 0 1-120.225185-123.638518z m497.891555-11.150223a46.554074 46.554074 0 1 0 0 93.108149 46.554074 46.554074 0 0 0 0-93.108149z m-349.108148-217.201777a54.309926 54.309926 0 1 0 0 108.600889 54.309926 54.309926 0 0 0 0-108.600889z m147.399111-279.286519a77.558519 77.558519 0 1 0 0 155.154963 77.558519 77.558519 0 0 0 0-155.154963zM878.554074 87.893333c-18.413037-18.432-77.160296-5.044148-159.440593 41.965037l-9.159111 5.30963a405.541926 405.541926 0 0 1 122.671408 119.220148c48.981333-82.469926 67.659852-144.763259 45.928296-166.494815z"
            fill="#F5B017"
            p-id="12221"
            data-spm-anchor-id="a313x.search_index.0.i9.3ba53a81bnMUkT"
            class="selected"
          ></path>
        </svg>
      </template>
    </icon>
  </div>
</template>

<script setup lang="ts">
import Icon from '@ant-design/icons-vue'
</script>

<style lang="less" scoped>
.custom-icons-list :deep(.anticon) {
  margin-right: 6px;
}
</style>
